.treecssleft {
    box-sizing: border-box;
    float: left;
    width: 300px;
    margin: 1rem 1rem 1rem 10rem;
    border: 1px solid #ebeef5;
    height: 38rem;
    overflow: auto;
    padding: 1rem;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    max-height: 100%;
    position: relative;
}

.treecssright {
    box-sizing: border-box;
    float: right;
    width: 300px;
    height: 38rem;
    overflow: auto;
    padding: 1rem;
    margin: 1rem 10rem 1rem 1rem;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    max-height: 100%;
    position: relative;
}

.rolecss {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}